﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="SignUp.aspx.cs" Inherits="_2015.Login.SignUp" %>

<!--A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
<title>MIT CMS - Registration Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href="../css/style.css" rel="stylesheet" type="text/css" media="all"/>
<script src="../js/jquery.min.js"></script>
<script src="../js/responsiveslides.min.js"></script>
		  <script>
		      // You can also use "$(window).load(function() {"
		      $(function () {
		          // Slideshow 1
		          $("#slider1").responsiveSlides({
		              maxwidth: 2500,
		              speed: 600
		          });
		      });
		  </script>
    <style type="text/css">
        .auto-style5 {
            height: 18px;
            width: 732px;
            background-color: #0066FF;
        }
        .auto-style8 {
            background-color: #232322;
            width: 937px;
        }
        .auto-style10 {
            text-align: left;
            background-color: #232322;
            width: 937px;
        }
        .auto-style14 {
            color: #FFFFFF;
            height: 18px;
            background-color: #232322;
            width: 937px;
        }
        .auto-style23 {
            width: 144px;
            background-color: #0066FF;
        }
        .auto-style25 {
            color: #FFFFFF;
            width: 144px;
            background-color: #0066FF;
        }
        .auto-style37 {
            height: 18px;
            width: 144px;
            background-color: #FFFFFF;
        }
        .auto-style38 {
            height: 18px;
            background-color: #232322;
            width: 937px;
        }
        .auto-style39 {
            height: 18px;
            width: 391px;
            background-color: #232322;
        }
        .auto-style40 {
            width: 118px;
            background-color: #232322;
        }
        .auto-style41 {
            width: 391px;
            background-color: #232322;
        }
        .auto-style42 {
            color: #FFFFFF;
            background-color: #232322;
            width: 937px;
        }
        .auto-style43 {
            color: #FFFFFF;
            width: 144px;
            background-color: #232322;
        }
        .auto-style44 {
            width: 732px;
            background-color: #232322;
        }
        .auto-style47 {
            height: 18px;
            width: 732px;
            background-color: #0066FF;
        }
        .auto-style48 {
            color: #FFFFFF;
            height: 18px;
            width: 391px;
            background-color: #0066FF;
        }
        .auto-style50 {
            height: 18px;
            background-color: #232322;
            width: 78px;
        }
        .auto-style51 {
            height: 18px;
            background-color: #0066FF;
            width: 78px;
        }
        .auto-style52 {
            background-color: #0066FF;
            width: 78px;
        }
        .auto-style56 {
            color: #FFFFFF;
            background-color: #232322;
            width: 78px;
        }
        .auto-style57 {
            height: 18px;
            background-color: #232322;
            width: 1052px;
        }
        .auto-style58 {
            background-color: #0066FF;
            width: 1052px;
        }
        .auto-style60 {
            text-align: right;
            background-color: #0066FF;
            width: 1052px;
        }
        .auto-style61 {
            color: #FFFFFF;
            background-color: #0066FF;
            width: 1052px;
        }
        .auto-style62 {
            color: #FFFFFF;
            background-color: #232322;
            width: 1052px;
        }
        .auto-style63 {
            background-color: #232322;
            height: 25px;
            width: 937px;
        }
        .auto-style65 {
            background-color: #0066FF;
            width: 78px;
            height: 25px;
        }
        .auto-style66 {
            width: 391px;
            background-color: #0066FF;
            height: 25px;
        }
        .auto-style67 {
            width: 732px;
            background-color: #0066FF;
            height: 25px;
        }
        .auto-style69 {
            width: 118px;
            background-color: #232322;
        }
        .auto-style70 {
            width: 732px;
            background-color: #232322;
        }
        .auto-style71 {
            height: 18px;
            width: 144px;
            background-color: #0066FF;
        }
        .auto-style72 {
            width: 118px;
            background-color: #0066FF;
        }
        .auto-style73 {
            width: 732px;
            background-color: #0066FF;
        }
        .auto-style74 {
            height: 18px;
            width: 391px;
            background-color: #0066FF;
        }
        .auto-style75 {
            height: 18px;
            background-color: #0066FF;
            width: 78px;
        }
        .auto-style76 {
            height: 18px;
            background-color: #0066FF;
            width: 1052px;
        }
        .auto-style77 {
            width: 391px;
            background-color: #0066FF;
        }
        .auto-style78 {
            text-align: right;
            color: #FFFFFF;
            background-color: #0066FF;
            width: 1052px;
            height: 25px;
        }
        .auto-style79 {
            width: 144px;
            background-color: #0066FF;
            height: 25px;
        }
        .auto-style80 {
            color: #FFFFFF;
            height: 18px;
            background-color: #0066FF;
            width: 78px;
        }
        .auto-style81 {
            text-align: right;
            color: #FFFFFF;
            width: 1052px;
            background-color: #0066FF;
        }
        .auto-style82 {
            color: #FFFFFF;
            height: 18px;
            width: 144px;
            background-color: #0066FF;
        }
        .auto-style83 {
            width: 118px;
            background-color: #0066FF;
            height: 25px;
        }
        .auto-style84 {
            width: 732px;
            background-color: #0066FF;
            height: 25px;
        }
        .auto-style85 {
            width: 391px;
            background-color: #0066FF;
            height: 25px;
        }
        .auto-style86 {
            background-color: #0066FF;
            width: 78px;
            height: 25px;
        }
        .auto-style87 {
            height: 18px;
            width: 118px;
            background-color: #0066FF;
        }
        .auto-style88 {
            height: 18px;
            width: 732px;
            background-color: #0066FF;
        }
        .auto-style89 {
            text-align: right;
            background-color: #0066FF;
            width: 78px;
        }
        .auto-style90 {
            text-align: right;
            width: 144px;
            background-color: #0066FF;
        }
        .auto-style91 {
            color: #FFFFFF;
            background-color: #0066FF;
            width: 78px;
        }
        .auto-style92 {
            color: #FFFFFF;
            width: 144px;
            background-color: #0066FF;
        }
        .auto-style93 {
            height: 18px;
            background-color: #FFFFFF;
            width: 937px;
        }
        .auto-style94 {
            text-align: right;
            background-color: #FFFFFF;
            width: 1052px;
        }
        .auto-style95 {
            text-align: right;
            width: 144px;
            background-color: #FFFFFF;
        }
        .auto-style96 {
            text-align: right;
            color: #FFFFFF;
            width: 1052px;
            background-color: #FFFFFF;
        }
        .auto-style97 {
            color: #FFFFFF;
            width: 144px;
            background-color: #FFFFFF;
        }
        .auto-style98 {
            color: #FFFFFF;
            height: 20px;
            background-color: #232322;
            width: 937px;
        }
        .auto-style99 {
            color: #FFFFFF;
            height: 20px;
            width: 144px;
            background-color: #0066FF;
        }
        .auto-style100 {
            text-align: right;
            color: #FFFFFF;
            width: 1052px;
            background-color: #0066FF;
            height: 20px;
        }
        .auto-style101 {
            color: #FFFFFF;
            height: 20px;
            background-color: #0066FF;
            width: 78px;
        }
        .auto-style102 {
            width: 391px;
            background-color: #0066FF;
            height: 20px;
        }
        .auto-style103 {
            height: 20px;
            width: 732px;
            background-color: #0066FF;
        }
        .auto-style104 {
            height: 20px;
            width: 118px;
            background-color: #0066FF;
        }
        .auto-style105 {
            height: 19px;
        }
        .auto-style106 {
            color: #FFFFFF;
            height: 19px;
            background-color: #0066FF;
            width: 78px;
        }
        .auto-style107 {
            width: 391px;
            background-color: #0066FF;
            height: 19px;
        }
        .auto-style108 {
            height: 19px;
            width: 732px;
            background-color: #0066FF;
        }
        .auto-style109 {
            height: 19px;
            width: 118px;
            background-color: #0066FF;
        }
        .auto-style110 {
            text-align: right;
            color: #FFFFFF;
            width: 1052px;
            background-color: #0066FF;
            height: 18px;
        }
        .auto-style111 {
            text-align: left;
            background-color: #232322;
            width: 937px;
            color: #FFFFFF;
        }
        .auto-style112 {
            color: #FFFFFF;
        }
        .auto-style113 {
            text-align: left;
            background-color: #232322;
            width: 937px;
            height: 18px;
        }
        .auto-style114 {
            text-align: right;
            width: 144px;
            background-color: #FFFFFF;
            height: 18px;
        }
        .auto-style115 {
            text-align: right;
            color: #FFFFFF;
            width: 1052px;
            background-color: #FFFFFF;
            height: 18px;
        }
        .auto-style116 {
            text-align: right;
            background-color: #0066FF;
            width: 78px;
            height: 18px;
        }
        .auto-style117 {
            text-align: left;
            background-color: #232322;
            width: 937px;
            height: 18px;
            color: #FFFFFF;
        }
        </style>
  </head>
<body class="content_bottom">
    <form id="form1" runat="server">
  <div class="header">
  	 <div class="header_top">
	        <div class="wrap">		
		 		<div class="logo">
						<a href="index.html"><img src="../images/logo.png" alt="" /></a>
					</div>	
					 <div class="menu">
					    <ul>
							<li class="active"><a href="index.html">Home</a></li>
							<li><a href="about.html">About</a></li>
							<li><a href="services.html">Services</a></li>
							<li><a href="404.html">Clients</a></li>
							<li><a href="contact.html">Contact</a></li>
							
						</ul>
					 </div>						
	    		 <div class="clear"></div>
	        </div>
	    </div>
</div>

        <div>

            <table>
                        <tr>
                            <td class="auto-style93">&nbsp;</td>
                            <td class="auto-style93">&nbsp;</td>
                            <td class="auto-style93">&nbsp;</td>
                            <td class="auto-style93">&nbsp;</td>
                        </tr>
                        <tr>
                            <td class="auto-style38">&nbsp;</td>
                            <td class="auto-style38">&nbsp;</td>
                            <td class="auto-style38">&nbsp;</td>
                            <td class="auto-style38">&nbsp;</td>
                        </tr>
                        <tr>
                            <td class="auto-style38">&nbsp;</td>
                            <td class="auto-style38">&nbsp;</td>
                            <td class="auto-style38"><strong>Registration Page</strong></td>
                            <td class="auto-style38">&nbsp;</td>
                        </tr>
                        <tr>
                            <td class="auto-style8">&nbsp;</td>
                            <td class="auto-style8">&nbsp;</td>
                            <td class="auto-style8">&nbsp;</td>
                            <td class="auto-style8">&nbsp;</td>
                        </tr>
                        <tr>
                            <td class="auto-style38">&nbsp;</td>
                            <td class="auto-style38">&nbsp;</td>
                            <td class="auto-style38">&nbsp;</td>
                            <td class="auto-style38">&nbsp;</td>
                        </tr>
                        <tr>
                            <td class="auto-style63"></td>
                            <td class="auto-style63">&nbsp;<span class="auto-style112">Name</span></td>
                            <td class="auto-style63">
                                <asp:TextBox ID="TextBoxName" runat="server" Width="200px"></asp:TextBox>
                            </td>
                            <td class="auto-style63">
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="TextBoxName" ErrorMessage="*Name Required." ForeColor="Red"></asp:RequiredFieldValidator>
                            </td>
                        </tr>
                        <tr>
                            <td class="auto-style63">&nbsp;</td>
                            <td class="auto-style63">&nbsp;</td>
                            <td class="auto-style63">&nbsp;</td>
                            <td class="auto-style63">&nbsp;</td>
                        </tr>
                        <tr>
                            <td class="auto-style14">&nbsp;</td>
                            <td class="auto-style14">User Name</td>
                            <td class="auto-style14">
                                <asp:TextBox ID="TextBoxUserName" runat="server" Width="200px"></asp:TextBox>
                            </td>
                            <td class="auto-style14">
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server" ControlToValidate="TextBoxUserName" ErrorMessage="*User Name Required" ForeColor="Red"></asp:RequiredFieldValidator>
                            </td>
                        </tr>
                        <tr>
                            <td class="auto-style14">&nbsp;</td>
                            <td class="auto-style14">&nbsp;</td>
                            <td class="auto-style14">&nbsp;</td>
                            <td class="auto-style14">&nbsp;</td>
                        </tr>
                <tr>
                            <td class="auto-style14">&nbsp;</td>
                            <td class="auto-style14">Date of Birth</td>
                            <td class="auto-style14">
                                 <asp:Calendar ID="CalendarDOB" runat="server" OnSelectionChanged="CalendarDOB_SelectionChanged"></asp:Calendar>
                                 <asp:TextBox ID="TextBoxDOB" runat="server" Width="200px"></asp:TextBox>
                            </td>
                            <td class="auto-style14">
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="TextBoxDOB" ErrorMessage="*Date of Birth Required" ForeColor="Red"></asp:RequiredFieldValidator>
                            </td>
                        </tr>
                       
                <tr>
                            <td class="auto-style14"></td>
                            <td class="auto-style14">&nbsp;</td>
                            <td class="auto-style14">&nbsp;</td>
                            <td class="auto-style14">&nbsp;</td>
                        </tr>
                        <tr>
                            <td class="auto-style98"></td>
                            <td class="auto-style98">Division</td>
                            <td class="auto-style98">
                                <asp:DropDownList ID="DropDownListDivision" runat="server" Height="16px" Width="200px" DataSourceID="SqlDataSourceDiv" DataTextField="DIVNAME" DataValueField="DIVNAME">
                                    <asp:ListItem>IT Dept</asp:ListItem>
                                    <asp:ListItem>CM Dept</asp:ListItem>
                                    <asp:ListItem>IDS Dept</asp:ListItem>
                                </asp:DropDownList>
                                </td>
                            <td class="auto-style98">
                                <asp:SqlDataSource ID="SqlDataSourceDiv" runat="server" ConnectionString="<%$ ConnectionStrings:DBCSFINAL %>" SelectCommand="SELECT [DIVNAME] FROM [DIVISION]"></asp:SqlDataSource>
                            </td>
                        </tr>
                        <tr>
                            <td class="auto-style105"></td>
                            <td class="auto-style105">&nbsp;</td>
                            <td class="auto-style105">&nbsp;</td>
                            <td class="auto-style105">&nbsp;</td>
                        </tr>
                        <tr>
                            <td class="auto-style42">&nbsp;</td>
                            <td class="auto-style42">Position</td>
                            <td class="auto-style42">
                                <asp:DropDownList ID="DropDownListPosition" runat="server" Width="200px">
                                    <asp:ListItem>CEO</asp:ListItem>
                                    <asp:ListItem>Division Head</asp:ListItem>
                                    <asp:ListItem>Division Administrator</asp:ListItem>
                                    <asp:ListItem>Division Data Correspondant</asp:ListItem>
                                    <asp:ListItem>Supervisor</asp:ListItem>
                                </asp:DropDownList>
                            </td>
                            <td class="auto-style42">&nbsp;</td>
                        </tr>
                        <tr>
                            <td class="auto-style42">&nbsp;</td>
                            <td class="auto-style42">&nbsp;</td>
                            <td class="auto-style42">&nbsp;</td>
                            <td class="auto-style42">&nbsp;</td>
                        </tr>
                        <tr>
                            <td class="auto-style10">&nbsp;</td>
                            <td class="auto-style111">Email</td>
                            <td class="auto-style10">
                                <asp:TextBox ID="TextBoxEmail" runat="server" Width="200px"></asp:TextBox>
                            </td>
                            <td class="auto-style10">
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" ControlToValidate="TextBoxEmail" ErrorMessage="*Email Required" ForeColor="Red"></asp:RequiredFieldValidator>
                                <br />
                                <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ControlToValidate="TextBoxEmail" ErrorMessage="Invalid Email" ForeColor="Red" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"></asp:RegularExpressionValidator>
                            </td>
                        </tr>
                        <tr>
                            <td class="auto-style113"></td>
                            <td class="auto-style117">Password</td>
                            <td class="auto-style113">
                                <asp:TextBox ID="TextBoxPass" runat="server" TextMode="Password" Width="200px"></asp:TextBox>
                            </td>
                            <td class="auto-style113">
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ControlToValidate="TextBoxPass" ErrorMessage="*Password Required." ForeColor="Red"></asp:RequiredFieldValidator>
                            </td>
                        </tr>
                        <tr>
                            <td class="auto-style10">&nbsp;</td>
                            <td class="auto-style10">&nbsp;</td>
                            <td class="auto-style10">&nbsp;</td>
                            <td class="auto-style10">&nbsp;</td>
                        </tr>
                        <tr>
                            <td class="auto-style10">&nbsp;</td>
                            <td class="auto-style111">Confirm Password</td>
                            <td class="auto-style10">
                                <asp:TextBox ID="TextBoxCPass" runat="server" TextMode="Password" Width="200px"></asp:TextBox>
                            </td>
                            <td class="auto-style10">
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ControlToValidate="TextBoxCPass" ErrorMessage="*Confirm Password Required." ForeColor="Red"></asp:RequiredFieldValidator>
                                <br />
                                <asp:CompareValidator ID="CompareValidator1" runat="server" ControlToCompare="TextBoxPass" ControlToValidate="TextBoxCPass" ErrorMessage="Password are not a match" ForeColor="Red"></asp:CompareValidator>
                            </td>
                        </tr>
                        <tr>
                            <td class="auto-style10">&nbsp;</td>
                            <td class="auto-style10">&nbsp;</td>
                            <td class="auto-style10">&nbsp;</td>
                            <td class="auto-style10">&nbsp;</td>
                        </tr>
                        <tr>
                            <td class="auto-style10">&nbsp;</td>
                            <td class="auto-style111">Profile Picture</td>
                            <td class="auto-style10">
                                <asp:FileUpload ID="FileUploadProfilePic" runat="server" Width="200px" />
                            </td>
                            <td class="auto-style10">&nbsp;</td>
                        </tr>
                        <tr>
                            <td class="auto-style10">&nbsp;</td>
                            <td class="auto-style10">&nbsp;</td>
                            <td class="auto-style10">&nbsp;</td>
                            <td class="auto-style10">&nbsp;</td>
                        </tr>
                        <tr>
                            <td class="auto-style10">&nbsp;</td>
                            <td class="auto-style10">&nbsp;</td>
                            <td class="auto-style10">&nbsp;</td>
                            <td class="auto-style10">&nbsp;</td>
                        </tr>
                        <tr>
                            <td class="auto-style10">&nbsp;</td>
                            <td class="auto-style10">&nbsp;</td>
                            <td class="auto-style10">
                                <asp:Label ID="LabelRegStatus" runat="server" ForeColor="Green"></asp:Label>
                            </td>
                            <td class="auto-style10">&nbsp;</td>
                        </tr>
                        <tr>
                            <td class="auto-style10">&nbsp;</td>
                            <td class="auto-style10">&nbsp;</td>
                            <td class="auto-style10">&nbsp;</td>
                            <td class="auto-style10">&nbsp;</td>
                        </tr>
                        <tr>
                            <td class="auto-style42">&nbsp;</td>
                            <td class="auto-style42">&nbsp;</td>
                            <td class="auto-style42">
                                <asp:Button ID="ButtonSignUp" runat="server" Text="Sign Up" OnClick="ButtonSignUp_Click1" />
                            </td>
                            <td class="auto-style42">&nbsp;</td>
                        </tr>
                        <tr>
                            <td class="auto-style42">&nbsp;</td>
                            <td class="auto-style42">&nbsp;</td>
                            <td class="auto-style42">&nbsp;</td>
                            <td class="auto-style42">&nbsp;</td>
                            <td class="auto-style43">&nbsp;</td>
                            <td class="auto-style62">&nbsp;</td>
                            <td class="auto-style56">&nbsp;</td>
                            <td class="auto-style41">
                                &nbsp;</td>
                            <td class="auto-style70">
                                &nbsp;</td>
                            <td class="auto-style69">
                                &nbsp;</td>
                            <td class="auto-style69">
                                &nbsp;</td>
                            <td class="auto-style69">
                                &nbsp;</td>
                        </tr>
                    </table>

        </div>
  			
      <div class="main">
      	 <div class="icon_grids">
	 	   <div class="wrap">	 		
	    </div>
	 <div class="content_bottom">
	    <div class="wrap">
	 		<div class="section group">						
					<div class="col_1_of_3 span_1_of_3">
						<h3>Our Vision</h3>
						<p><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</span></p>
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
					     <div class="read_more"><a href="#">More Info</a></div>
					 </div>
					   <div class="col_1_of_3 span_1_of_3">
							<h3>What we do</h3>
							   <ul>
		  						<li>Lorem ipsum dolor sit amet qui officia</li>
		  						<li>Duis aute irure dolor in culpa qui</li>
		  						<li>Sunt in culpa qui officia vel illum qui</li>
		  						<li>vel illum qui dolorem eum wise man therefore</li>
		  						<li>The wise man therefore in culpa qui officia</li>
		  						<li>Sunt in culpa qui officia culpa qui officia</li>
		  						<li>Lorem ipsum dolor sit amet qui officia</li>
		  						<li>Duis aute irure dolor in culpa qui</li>
		  						<li>Sunt in culpa qui officia vel illum qui</li>
		  						<li>vel illum qui dolorem eum wise man therefore</li>
		  			        </ul>
						</div>
						<div class="col_1_of_3 span_1_of_3">
						  <div class="new-products">
							<h3>Our Stafff</h3>
								<p><a href="#"><img src="../images/management-1.jpg" alt=""></a></p>
								<p><a href="#"><img src="../images/management-2.jpg" alt=""></a></p>
								<p><a href="#"><img src="../images/management-3.jpg" alt=""></a></p>
								<p><a href="#"><img src="../images/management-4.jpg" alt=""></a></p>
								<p><a href="#"><img src="../images/management-5.jpg" alt=""></a></p>
								<p><a href="#"><img src="../images/management-6.jpg" alt=""></a></p>
								<div class="read_more"><a href="#">View all</a></div>
					      </div>
				    </div>
			     </div>
	 	    </div>
          </div>
       </div>
    </div>
      <div class="footer">
			<div class="wrap">
			  <p class="address"><img src="../images/location.png" alt="" /> 22-56-2-9 Sit Amet,USA</p> <p class="phone"><img src="../images/phone.png" alt="" /> Call Us Now: <span>(000)1234-5678</span></p>
		      <div class="clear"></div>
		</div>	
	  </div>
     <div class="copy-right">
			<div class="wrap">
			     <p>Company Name © All Rights Reseverd | Design by  <a href="http://w3layouts.com">W3Layouts</a></p>
		      <div class="clear"></div>
		</div>	
	</div>
    </form>
</body>
</html>

